<template>
  <div class="app-container">
<!--    <div class="block">-->
<!--&lt;!&ndash;      <el-row :gutter="20">&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;        <el-col :span="6">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          <el-input v-model="listQuery.originalFileName" placeholder="文件名" />&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;        </el-col>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;        <el-col :span="6">&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          <el-button type="success" icon="el-icon-search" @click.native="search">{{ $t('button.search') }}</el-button>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;          <el-button type="primary" icon="el-icon-refresh" @click.native="reset">{{ $t('button.reset') }}</el-button>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;&lt;!&ndash;        </el-col>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;      </el-row>&ndash;&gt;-->
<!--      <br>-->
<!--    </div>-->
<!--    <el-table-->
<!--      v-loading="listLoading"-->
<!--      :data="list"-->
<!--      element-loading-text="Loading"-->
<!--      border-->
<!--      fit-->
<!--      highlight-current-row-->
<!--      @current-change="handleCurrentChange"-->
<!--    >-->
<!--      <el-table-column label="ID">-->
<!--        <template slot-scope="scope">-->
<!--          {{ scope.row.id }}-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="文件名">-->
<!--        <template slot-scope="scope">-->
<!--          {{ scope.row.originalFileName }}-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column label="上传日期">-->
<!--        <template slot-scope="scope">-->
<!--          {{ scope.row.createTime }}-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--      <el-table-column labe="下载">-->
<!--        <template slot-scope="scope">-->
<!--          <el-button icon="el-icon-log" size="mini" @click.native="download(scope.row.id,scope.row.originalFileName)">下载</el-button>-->
<!--        </template>-->
<!--      </el-table-column>-->
<!--    </el-table>-->
    <h1>文件下载页面</h1>
    <br><br>
    <h2>订单详情excel表格点击下载：<el-button type="primary" icon="el-icon-log" size="mini" @click.native="download1">下载</el-button></h2><br><br>
    <h2>用户详情excel表格点击下载：<el-button type="primary" icon="el-icon-log" size="mini" @click.native="download2">下载</el-button></h2><br><br>
    <h2>菜品详情excel表格点击下载：<el-button type="primary" icon="el-icon-log" size="mini" @click.native="download3">下载</el-button></h2><br><br>
<!--    <el-pagination-->
<!--      background-->
<!--      layout="total, sizes, prev, pager, next, jumper"-->
<!--      :page-sizes="[10, 20, 50, 100,500]"-->
<!--      :page-size="listQuery.limit"-->
<!--      :total="total"-->
<!--      @size-change="changeSize"-->
<!--      @current-change="fetchPage"-->
<!--      @prev-click="fetchPrev"-->
<!--      @next-click="fetchNext"-->
<!--    />-->

  </div>
</template>

<script src="./file.js"></script>

<style rel="stylesheet/scss" lang="scss" scoped>
  @import "src/styles/common.scss";
</style>

